<template>
    <div>
        <p> main</p>
        <Swiper></Swiper>
    </div>
    <!-- <Swiper></Swiper>
    <NuxtLink to="/person">个人中心</NuxtLink> <br />
    <NuxtLink to="/login">登录</NuxtLink>
    <div @click="toMy">关于我们</div>
    <div @click="toArticle">文章页面--数据获取</div><br />
    <NuxtLink to="/parent/child">跳转子路由</NuxtLink><br />
    <NuxtLink to="/parent/two">跳转子路由-two</NuxtLink><br />

    <a href="/artcleslist/1">文章页面444</a> -->
</template>
  
<script setup>
// const toMy = () => {
//     // 第一种写法：
//     // navigateTo("aboutmy");
//     // 携带参数写法：编程式路由
//     navigateTo({
//         path: "/aboutmy",
//         query: {
//             id: 111
//         },
//     });
// }

// const toArticle = () => {
//     navigateTo({
//         path: "/artcleslist/3333",
//     });
// }

// const time = ref(getTime());


</script>
  
<style lang="less">
// @B: lightblue;

// html,
// body {
//     height: 100%;
//     width: 100%;
//     background: @B;

//     a {
//         color: red;
//     }
// }
</style>